<template>
  <view class="stickyBottom flex flex-items-center justify-between">
    <view class="stickyBottom-left flex flex-items-center">
      <view>实际金额：</view>
      <view class="stickyBottom-left-money">￥2.20</view>
    </view>
    <view class="stickyBottom-right">去付款</view>
  </view>
</template>

<style lang="scss" scoped>
.stickyBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 4.5rem;
  padding: 1.19rem 0.94rem 1.31rem 0.75rem;
  background-color: #fff;
  box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(0, 0, 0, 0.4);
  .stickyBottom-left {
    height: 1.31rem;
    font-family: SourceHanSansSC-regular;
    font-size: 0.81rem;
    line-height: 1.31rem;
    color: rgba(0, 0, 0, 1);
    .stickyBottom-left-money {
      margin-left: 0.5rem;
      font-size: 1.31rem;
      color: red;
    }
  }
  .stickyBottom-right {
    width: 4.81rem;
    height: 2rem;
    font-family: SourceHanSansSC-regular;
    font-size: 0.88rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-color: rgba(64, 149, 229, 1);
    border-radius: 1.25rem;
  }
}
</style>
